<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	div{width:100px; background-color: #45dfff; }
	</style>
	<script src="jquery-1.10.1.min.js"></script>
	<script>
/*	$()下的常用方法
		off() : 取消 当前对象上的 方法(事件)。如果当前对象绑定多个，则默认阻止全部事件
*/

	$(function () {

/*		$('div').on('click', function (){
			alert(123);

			$('div').off();			//第二次点击事件被取消了
		})
		// $('div').off();			//这会立即取消
*/
		//绑定多个方法同一事件(或不同事件)
/*		$('div').on('click mouseover', function (){
			alert(123)
		});
		$('div').off('mouseover');
*/
		//绑定多个方法不同事件
		$('div').on({
			'click': function (){alert(123)},
			'mouseover': function (){alert(456)},
		})
		$('div').off('mouseover');
	
	})
	</script>
</head>
<body>
	<div>div</div>
</body>
</html>